/* reset */
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, 
 a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp,
 sub, sup, tt, var, dd, dl, dt, li, ol, ul, form, fieldset, input, textarea, label, 
 table, legend, caption, tbody, tfoot, thead, tr, th, td {
     margin: 0;
     padding: 0;
     font-family: inherit;
     font-weight: inherit;
     font-style: inherit;
     font-size: 100%;
     text-align: left;
 }
 /*
     CSS-Tricks Example
     by Chris Coyier
     http://css-tricks.com
*/

 
 #page-wrap{width:960px;margin:80px auto}p{margin:40px 300px}#page-wrap a{color:red}#page-wrap h1{font-size:32px;font-family:"Helvetica Neue",Sans-Serif;font-stretch:condensed;text-transform:uppercase}#page-wrap h1 span{display:inline-block;padding:10px 20px;background:black;border:2px solid white;color:white;border-radius:20px;margin-top:20px;text-align:center;text-decoration:none;box-shadow:0 0 7px black}.tooltip,.arrow:after{background:black;border:2px solid white}.tooltip{pointer-events:none;opacity:0;display:inline-block;position:absolute;padding:10px 20px;color:white;border-radius:20px;margin-top:20px;text-align:center;font:bold 14px "Helvetica Neue",Sans-Serif;font-stretch:condensed;text-decoration:none;text-transform:uppercase;box-shadow:0 0 7px black}.arrow{width:70px;height:16px;overflow:hidden;position:absolute;left:50%;margin-left:-35px;bottom:-16px}.arrow:after{content:"";position:absolute;left:20px;top:-20px;width:25px;height:25px;-webkit-box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;-moz-box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;box-shadow:6px 5px 9px -9px black,5px 6px 9px -9px black;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.tooltip.active{opacity:1;margin-top:5px;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease}.tooltip.out{opacity:0;margin-top:-20px}
